<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>事件基本使用</title>
    <!--    引入Vue-->
    <script src="../../static/js/vue.js"></script>
    <style>

    </style>
</head>
<body>
<!--装备好一个容器-->
<div id="root">
    <h2>欢迎来到{{name}}学习</h2>
    <!--    阻止默认事件-->
    <a href="www.baidu.com" @click.prevent="showinfo">点我提示信息</a>
    <!--    阻止事件冒泡-->
    <div class="demo1" @click="showinfo">
        <button @click.stop="showinfo">点我提示信息2</button>
    </div>

    <!--    事件只触发一次-->
    <button @click.once="showinfo">触发一次</button>
</div>
</body>
</html>
<script src="index.js"></script>
